<template>
  <div class="origin-view">
    home
    <n-select :value="themeStore.themeConfig.layout"
              @update:value="onUpdateLayout"
              :options="options">
    </n-select>
  </div>
</template>

<script setup lang="ts">
import {useThemeStore} from '@/store/index.ts';

const themeStore = useThemeStore();

const options = ref([
  {label: 'side', value: 'side'},
  {label: 'top', value: 'top'},
  {label: 'union', value: 'union'},
  {label: 'combine', value: 'combine'},
  {label: 'mixture', value: 'mixture'}
]);

const onUpdateLayout = (layout) => {
  themeStore.updateLayout(layout);
};

</script>

<style lang="scss" scoped>

</style>